<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <!--顶部导航-->
    <div class="topnav">
        <div class="container">
            欢迎访问源宝博客
            <span>
                <a href="">关于我们</a>
                <a href="">联系我们</a>
            </span>
        </div>
    </div>
    <!--头部-->
    <header>
        <div class="container">
            <a href="">
                <img src="./images/logo.png" alt="">
            </a>
            <nav>
                <a href="#">首页</a>
                <a href="#">互联网</a>
                <a href="#">好货推荐</a>
                <a href="#">技术宅</a>
                <a href="#">数码</a>
                <a href="#">民生</a>
                <a href="#">影像</a>
                <a href="#">游记</a>
                <a href="#">心情随笔</a>
            </nav>
            <form action="">
                <input type="text" placeholder="请填写关键词">
                <button button="submit">提交</button>
            </form>
        </div>
    </header>
    <!--横幅-->
    <div class="container bonner">
        <h1>源宝博客
            <a href="">+关注</a>
        </h1>
        <p>原创独立个人博客网站</p>
    </div>
    <!--主体-->
    <main class="container cf main">
        <div class="list">
            <ul>
                <li class="cf">
                    <img src="./images/pic1.jpg" alt="" />
                    <h4>
                        <a href="#">美之氧制氧机怎么样，怎么用</a>
                    </h4>
                    <span class="time">17.10.15</span>
                    <span class="mend">好货推荐</span>
                    <span class="browse">144</span>
                    <span class="strp">0 条</span>
                    <p>
                        不好意思，这么久才来评价，我是想等我爸用了在来评价的，我爸肺结核好多年了，肺都没了，平常喘气比较困难，我就给我爸买了这款吸氧机，这款吸氧机确实不错。货到了我爸就用了，现在已经用了几天了效果明显的好了很多，我爸说他现在喘气舒服多了，在也不用担心老爸呼吸的困难了，...
                    </p>
                </li>
                <li class="cf">
                    <img src="./images/pic2.jpg" alt="" />
                    <h4>
                        <a href="#">杜邦净水器怎么样？是贴牌的吗</a>
                    </h4>
                    <span class="time">17.10.15</span>
                    <span class="mend">好货推荐</span>
                    <span class="browse">114</span>
                    <span class="strp">0 条</span>
                    <p>
                        产品看起来蛮高大上，安装好之后用测试笔测试TDS，水质开始值比较高，根据客服指导进行冲洗后，放水20分钟，TDS下降到了18左右，我原来自来水的TDS是55。同时测量农夫山泉为30。说明水质的tds比农夫山泉更低了，当然tds不是说越低，水对人体越健康，可是...
                    </p>
                </li>
                <li class="cf">
                    <img src="./images/pic3.jpg" alt="" />
                    <h4>
                        <a href="#">uhababy婴儿车</a>
                    </h4>
                    <span class="time">17.10.15</span>
                    <span class="mend">好货推荐</span>
                    <span class="browse">14</span>
                    <span class="strp">0 条</span>
                    <p>
                        uhababy是哪个国家的?uhababy是什么牌子?uhababy婴儿推车怎么样？产地是哪里？首先这个品牌是来自中国香港的一个品牌，性能和专利都是全球领先水平，由中国生产,质量相当可靠uhababy官方网站：www.uhababy.com
                        &nbs...
                    </p>
                </li>
                <li class="cf">
                    <img src="./images/pic4.jpg" alt="" />
                    <h4>
                        <a href="#">乐淘水净水器怎么样</a>
                    </h4>
                    <span class="time">17.10.15</span>
                    <span class="mend">好货推荐</span>
                    <span class="browse">144</span>
                    <span class="strp">0 条</span>
                    <p>
                        乐淘水净水器官网：www.letaoshui.com家里生了宝宝后，一直想买一台直饮机，现在市场品牌很多，连小米也去净水器了，后来一了解才发现小米的是刮骨水，就是将所有矿物质全部去除，一点不剩，所以没敢买，前几天无意中看到了乐淘水这款产品，当时看价格感觉很悬，...
                    </p>
                </li>
                <li class="cf">
                    <img src="./images/pic5.jpg" alt="" />
                    <h4>
                        <a href="#">2016泰国普吉岛旅游自由行攻略</a>
                    </h4>
                    <span class="time">17.10.15</span>
                    <span class="mend">好货推荐</span>
                    <span class="browse">144</span>
                    <span class="strp">0 条</span>
                    <p>
                        这份游记来晚了，因为工作太忙，所以一直没发，行程是春节2月13出发的，总共是在泰国8天，先写普吉，曼谷单独写，当年结婚时小两口为了省钱没有选择度蜜月，所以现在空了决定补一个，带她出去玩一下，我英文是半残，女王四级，整个行程没有任何问题我们选择普吉入住的地址是芭...
                    </p>
                </li>
                <li class="cf">
                    <img src="./images/pic6.jpg" alt="" />
                    <h4>
                        <a href="#">吐槽小米note无限重启，网络无服务。</a>
                    </h4>
                    <span class="time">17.10.15</span>
                    <span class="mend">好货推荐</span>
                    <span class="browse">144</span>
                    <span class="strp">0 条</span>
                    <p>
                        最近人品不太好，7月份买了没多久的小米突然一直无限重启，期间进入双清模式线刷了一次谁知道好了2天又开始无限重启了，无语的同时那是相当的无奈，只能重新在刷一次，这次刷了之后问题算是解决了，但是没过几天又来了...

                    </p>
                </li>
            </ul>
        </div>
        <aside>
            右边栏
        </aside>
    </main>
    <!--友情链接-->
    <div class="container yq">
        友情链接
    </div>
    <!--尾部-->
    <footer class="footer">
        <div>源宝个人博客</div>
        <p>Powered By Itsource.cn</p>
        <p>联系方式:15982773671 QQ:162737482</p>
        <p>本站所有资源来源网络,如有侵犯您的版权,请联系我,谢谢合作 !</p>
    </footer>
</body>

</html>